<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
    <meta name="author" content="">
    <meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
    <link rel="shortcut icon" href="/static/myadmin/assets/img/favicon.png">
    {% block title %}

    {% endblock %}
    <link href="/static/myadmin/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/myadmin/assets/css/bootstrap-theme.css" rel="stylesheet">
    <link href="/static/myadmin/assets/css/elegant-icons-style.css" rel="stylesheet"/>
    <link href="/static/myadmin/assets/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/static/myadmin/assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet"/>
    <link href="/static/myadmin/assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet"/>
    <link href="/static/myadmin/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css"
          media="screen"/>
    <link rel="stylesheet" href="/static/myadmin/assets/css/owl.carousel.css" type="text/css">
    <link href="/static/myadmin/assets/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/myadmin/assets/css/fullcalendar.css">
    <link href="/static/myadmin/assets/css/widgets.css" rel="stylesheet">
    <link href="/static/myadmin/assets/css/style.css" rel="stylesheet">
    <link href="/static/myadmin/assets/css/style-responsive.css" rel="stylesheet"/>
    <link href="/static/myadmin/assets/css/xcharts.min.css" rel=" stylesheet">
    <link href="/static/myadmin/assets/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
</head>
<body>
<!-- container section start -->
<section id="container" class="">
    <header class="header dark-bg">
        <div class="toggle-nav">
            <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i
                    class="icon_menu"></i></div>
        </div>
        <!--logo start-->
        <a href="index.html" class="logo">Book <span class="lite">Shop</span></a>
        <!--logo end-->
        <div class="nav search-row" id="top_menu">
            <!--  search form start -->
<!--            <ul class="nav top-menu">-->
<!--                <li>-->
<!--                    <form class="navbar-form">-->
<!--                        <input class="form-control" placeholder="请输入关键字" type="text">-->
<!--                    </form>-->
<!--                </li>-->
<!--            </ul>-->
            <!--  search form end -->
        </div>

        <div class="top-nav notification-row">
            <!-- notificatoin dropdown start-->
            <ul class="nav pull-right top-menu">
                <!-- task notificatoin start -->
                <li id="task_notificatoin_bar" class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-task-l"></i>
                        <span class="badge bg-important">5</span>
                    </a>
                    <ul class="dropdown-menu extended tasks-bar">
                        <div class="notify-arrow notify-arrow-blue"></div>
                        <li>
                            <p class="blue">您有5封待处理的信件</p>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">首页</div>
                                    <div class="percent">90%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                                        <span class="sr-only">90% Complete (success)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">
                                        项目一
                                    </div>
                                    <div class="percent">50%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="30"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                                        <span class="sr-only">50% Complete (warning)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">数字营销</div>
                                    <div class="percent">80%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80"
                                         aria-valuemin="0"
                                         aria-valuemax="100" style="width: 80%">
                                        <span class="sr-only">80% Complete</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">标志设计</div>
                                    <div class="percent">78%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="78"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 78%">
                                        <span class="sr-only">78% Complete (danger)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">移动应用</div>
                                    <div class="percent">50%</div>
                                </div>
                                <div class="progress progress-striped active">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0"
                                         aria-valuemax="100" style="width: 50%">
                                        <span class="sr-only">50% Complete</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="external">
                            <a href="#">查看所有任务</a>
                        </li>
                    </ul>
                </li>

                <li id="alert_notificatoin_bar" class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                        <i class="icon-bell-l"></i>
                        <span class="badge bg-important">5</span>
                    </a>
                    <ul class="dropdown-menu extended notification">
                        <div class="notify-arrow notify-arrow-blue"></div>
                        <li>
                            <p class="blue">您有4条新通知</p>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-primary"><i class="icon_profile"></i></span>
                                好友请求
                                <span class="small italic pull-right">5 分钟</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-warning"><i class="icon_pin"></i></span>
                                约翰位置
                                <span class="small italic pull-right">50 分钟</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-danger"><i class="icon_book_alt"></i></span>
                                项目3完成。
                                <span class="small italic pull-right">1 小时</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-success"><i class="icon_like"></i></span>
                                麦克赞了你的工作
                                <span class="small italic pull-right"> 昨天</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">查看所有通知</a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
              <span class="profile-ava">
                <img alt="" src="/static/myadmin/assets/img/avatar1_small.jpg">
              </span>
                        <span class="username">森野</span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu extended logout">
                        <div class="log-arrow-up"></div>
                        <li>
                            <a href="{% url 'myadmin_index' %}"><i class="icon_check"></i>个人信息 </a>
                        </li>
                        <li>
                            <a href="{% url 'myadmin_index' %}"><i class="icon_cog"></i>设置 </a>
                        </li>
                        <li>
                            <a href="{% url 'myadmin_index' %}"><i class="icon_download"></i> 下载 </a>
                        </li>
                        <li>
                            <a href="{% url 'myadmin_login' %}"><i class="icon_globe"></i> 退出登陆 </a>
                        </li>
                    </ul>
                </li>
                <!-- user login dropdown end -->
            </ul>
            <!-- notificatoin dropdown end-->
        </div>
    </header>

    <aside>
        <div id="sidebar" class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu">
                <li class="active">
                    <a class="" href="{% url 'myadmin_index' %}">
                        <i class="icon_house_alt"></i><span>首页</span></a>
                </li>
                <li class="sub-menu">
                    <a class="" href="{% url 'myadmin_users_index' %}">
                        <i class="icon_group"></i><span>会员管理</span></a>
                </li>
                <li class="sub-menu">
                    <a class="" href="{% url 'myadmin_types_index' %}">
                        <i class="icon_piechart"></i><span>图书分类管理</span></a>
                </li>
                <li class="sub-menu">
                    <a class="" href="{% url 'myadmin_books_index' %}">
                        <i class="icon_book"></i><span>图书商品管理</span></a>
                </li>
                <li class="sub-menu">
                    <a class="" href="{% url 'myadmin_orders_index' %}">
                        <i class="icon_table"></i><span>订单管理</span> </a>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" class="">
                        <i class="icon_documents_alt"></i><span>页面</span>
                        <span class="menu-arrow arrow_carrot-right"></span></a>
                    <ul class="sub">
                        <li><a class="" href="{% url 'myadmin_login' %}"><span>登陆页面</span></a></li>
                        <li><a class="" href="{% url 'myadmin_contact' %}"><span>联系页面</span></a></li>
                        <li><a class="" href="{% url 'myadmin_sos_index'%}">404 错误</a></li>
                    </ul>
                </li>

            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
    <!--sidebar end-->

    <!--main content start-->
    <section id="main-content">
        {% block con %}

        {% endblock %}
        <div class="text-right">

        </div>
    </section>
    <!--main content end-->
</section>
<!-- container section start -->

<!-- javascripts -->
<script src="/static/myadmin/assets/js/jquery-1.12.4.min.js"></script>
<script src="/static/myadmin/assets/js/jquery.js"></script>
<script src="/static/myadmin/assets/js/jquery-ui-1.10.4.min.js"></script>
<script src="/static/myadmin/assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/static/myadmin/assets/js/jquery-ui-1.9.2.custom.min.js"></script>
<!-- bootstrap -->
<script src="/static/myadmin/assets/js/bootstrap.min.js"></script>
<!-- nice scroll -->
<script src="/static/myadmin/assets/js/jquery.scrollTo.min.js"></script>
<script src="/static/myadmin/assets/js/jquery.nicescroll.js" type="text/javascript"></script>
<!-- charts scripts -->
<script src="/static/myadmin/assets/jquery-knob/jquery.knob.js"></script>
<script src="/static/myadmin/assets/js/jquery.sparkline.js" type="text/javascript"></script>
<script src="/static/myadmin/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
<script src="/static/myadmin/assets/js/owl.carousel.js"></script>
<!-- jQuery full calendar -->
<script src="/static/myadmin/assets/js/fullcalendar.min.js"></script>
<!-- Full Google Calendar - Calendar -->
<script src="/static/myadmin/assets/fullcalendar/fullcalendar/fullcalendar.js"></script>
<!--script for this page only-->
<script src="/static/myadmin/assets/js/calendar-custom.js"></script>
<script src="/static/myadmin/assets/js/jquery.rateit.min.js"></script>
<!-- custom select -->
<script src="/static/myadmin/assets/js/jquery.customSelect.min.js"></script>
<script src="/static/myadmin/assets/chart-master/Chart.js"></script>

<!--custome script for all page-->
<script src="/static/myadmin/assets/js/scripts.js"></script>
<!-- custom script for this page-->
<script src="/static/myadmin/assets/js/sparkline-chart.js"></script>
<script src="/static/myadmin/assets/js/easy-pie-chart.js"></script>
<script src="/static/myadmin/assets/js/jquery-jvectormap-1.2.2.min.js"></script>
<script src="/static/myadmin/assets/js/jquery-jvectormap-world-mill-en.js"></script>
<script src="/static/myadmin/assets/js/xcharts.min.js"></script>
<script src="/static/myadmin/assets/js/jquery.autosize.min.js"></script>
<script src="/static/myadmin/assets/js/jquery.placeholder.min.js"></script>
<script src="/static/myadmin/assets/js/gdp-data.js"></script>
<script src="/static/myadmin/assets/js/morris.min.js"></script>
<script src="/static/myadmin/assets/js/sparklines.js"></script>
<script src="/static/myadmin/assets/js/charts.js"></script>
<script src="/static/myadmin/assets/js/jquery.slimscroll.min.js"></script>
<script>
      //knob
      $(function () {
        $(".knob").knob({
          'draw': function () {
            $(this.i).val(this.cv + '%')
          }
        })
      });

      //carousel
      $(document).ready(function () {
        $("#owl-slider").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true

        });
      });

      //custom select box
      $(function () {
        $('select.styled').customSelect();
      });

      /* ---------- Map ---------- */
      $(function () {
        $('#map').vectorMap({
          map: 'world_mill_en',
          series: {
            regions: [{
              values: gdpData,
              scale: ['#000', '#000'],
              normalizeFunction: 'polynomial'
            }]
          },
          backgroundColor: '#eef3f7',
          onLabelShow: function (e, el, code) {
            el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
          }
        });
      });




</script>

</body>

</html>